<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>IT岗位分析平台</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>
	<link href="../static/css/comon0.css" th:href="@{/css/comon0.css}" rel="stylesheet">
	<script type="text/javascript" th:src="@{/js/jquery.js}"></script>
	<script type="text/javascript" th:src="@{/js/echarts.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/js.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery.limarquee.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery.cxselect.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/china.js}"></script>

</head>

<body class="gray-bg">


<div>
	<div class="loading">
		<div class="loadbox"> <img src="../static/img/loading.gif" th:src="@{/img/loading.gif}"> 页面加载中... </div>
	</div>
	<div class="back"></div>
	<div class="head">
		<div class="weather"><span id="showTime"></span></div>
		<h1>IT岗位大数据分析平台</h1>

	</div>
	<script>
		var t = null;
		t = setTimeout(time, 1000);//開始运行
		function time() {
			clearTimeout(t);//清除定时器
			dt = new Date();
			var y = dt.getFullYear();
			var mt = dt.getMonth() + 1;
			var day = dt.getDate();
			var h = dt.getHours();//获取时
			var m = dt.getMinutes();//获取分
			var s = dt.getSeconds();//获取秒
			document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
			t = setTimeout(time, 1000); //设定定时器，循环运行
		}
	</script>
	<div class="mainbox">
		<ul class="clearfix">
			<li>
				<div class="boxall" style="height:400px;">
					<div class="alltitle">岗位占比</div>
					<div class="navboxall" id="echart5"></div>
				</div>
				<div class="boxall" style="height:260px;">
					<div class="alltitle">通知公告</div>
					<div class="navboxall">
						<div class="wraptit">
							<span>通知内容</span><span>时间</span>
						</div>
						<div class="wrap" >
							<ul id="wrapList">

							</ul>
						</div>

					</div>
				</div>
				<div class="boxall" style="height:260px;">
					<div class="alltitle">学历要求</div>

					<div class="navboxall" id="echart1"></div>
				</div>
			</li>
			<li>

				<div class="boxall" style="height:230px">
					<div class="clearfix navboxall" style="height: 100%">
						<div class="pulll_left num">
							<div class="numbt">总岗位数<span>(单位：个)</span></div>
							<div class="numtxt">19382721 </div>
						</div>
						<div class="pulll_right zhibiao">
							<div class="zb1"><span>北京</span>
								<div id="zb1"></div>
							</div>
							<div class="zb2"><span>上海</span>
								<div id="zb2"></div>
							</div>
							<div class="zb3"><span>广东</span>
								<div id="zb3"></div>
							</div>
						</div>
					</div>
				</div>

				<!-- 中国疫情地图 -->
				<div id="china_map" style="width: 100%;height:700px;">
				</div>

			</li>
			<li>
				<div class="boxall" style="height:300px">
					<div class="alltitle">TOP5岗位公司排序</div>
					<div class="navboxall">
						<table class="table1" id="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
							<tbody>
							<tr>
								<th scope="col">排名</th>
								<th scope="col">公司</th>
								<th scope="col">数量</th>
								<th scope="col">增长率</th>
							</tr>

							</tbody>
						</table>
					</div>
				</div>

<!--				右二-->
				<div class="boxall" style="height: 300px">
					<div class="alltitle">薪资水平</div>
					<div class="navboxall" id="echart6">

					</div>

				</div>

				<div class="boxall" style="height:320px">
					<div class="alltitle">年薪要求</div>
					<div class="navboxall" id="echart2"></div>
				</div>


			</li>
		</ul>

	</div>
</div>

<script>
	$(function () {
		$('.wrap,.adduser').liMarquee({
			direction: 'up',//身上滚动
			runshort: false,//内容不足时不滚动
			scrollamount: 20//速度
		});
	});

</script>
</body>
</html>
